HTML5ビューワを使用してActiveReports 9.0J ServerのWebサイトにアクセスするとき、使用するセキュリティトークンをレポートサービスに提供する必要があります。

セキュリティトークンを取得する手順を以下に示します。

JavaScript関数によってセキュリティトークンを取得するには

対象のHTMLページで、セキュリティトークンを取得する以下のコードを追加します。このコードは、HTML5ビューワコンポーネントの開発にどの技術を使用するかによって異なります。詳細については、 HTML5ビューワサンプルを参照してください。デフォルトの設定では、このサンプルは以下のフォルダーに配置されています。

C:\ActiveReports 9 Server\SDK\Samples\HTML5 Viewer

メモ: 下記のコードでは以下の設定を変更する必要があります。

url: このパラメータは、アクセスするWebサイトの所定の場所（reportservice.svc/json/login）を表します。以下のコードに示すarsEndpointは、レポートポータルWebサイトへのアクセスに使用するURLです。例: http://<ActiveReports9ServerName>:<portnumber>
username: ActiveReports 9.0J Server Webサイトへのログインに使用するユーザー名に置き換えます。
password: ActiveReports 9.0J Server Webサイトへのログインに使用するパスワードに置き換えます。

JavaScript	コードのコピー
<script src="Scripts/jquery-1.10.2.js"></script> <script src="Scripts/bootstrap-3.0.0.js"></script> <script src="Scripts/knockout-2.3.0.js"></script> <script src="Scripts/GrapeCity.ActiveReports.Viewer.Html.js"></script> <script> var _securityToken function getSecurityToken() { if (_securityToken) return _securityToken; _securityToken = "error"; try { $.ajax({ async: false, type: "POST", url: arsEndpoint + "ReportService.svc/json/Login", data: JSON.stringify({ username: "username", password: "password" }), contentType: "application/json", dataType: "json" }).done(function(res) { _securityToken = res.d; }).fail(function() { _securityToken = "error"; }); } catch(e) { return "error"; } return _securityToken; } </script>

JavaScript

コードのコピー

<script src="Scripts/jquery-1.10.2.js"></script>
<script src="Scripts/bootstrap-3.0.0.js"></script>
<script src="Scripts/knockout-2.3.0.js"></script>
<script src="Scripts/GrapeCity.ActiveReports.Viewer.Html.js"></script>

<script>
var _securityToken                                      
function getSecurityToken() {
    if (_securityToken) return _securityToken;
    _securityToken = "error";

    try {
        $.ajax({
             async: false,
             type: "POST",
             url: arsEndpoint + "ReportService.svc/json/Login",
             data: JSON.stringify({
                   username: "username",
                   password: "password"
             }),
             contentType: "application/json",
             dataType: "json"
        }).done(function(res) {
              _securityToken = res.d;
        }).fail(function() {
              _securityToken = "error";
        });
    } catch(e) {
          return "error";
    }

    return _securityToken;
}
</script>

メモ: ActiveReports 9.0J ServerのWebサイトからセキュリティトークンを取得するには、ActiveReports 9.0J ServerのWebサイトがクロスドメインの要求を受け入れるように更新する必要があります。web.configファイル（\site フォルダー）の「system.webServer」セクションに、以下のようなコードを追加してください。

<httpProtocol>
        <customHeaders>
                <add name="Access-Control-Allow-Origin" value="*" />
                <add name="Access-Control-Allow-Headers" value="Authorization, Origin, Content-Type, Accept, X-Requested-With" />
        </customHeaders>
</httpProtocol>

SDKのチュートリアル

JavascriptでHTML5ビューワの操作